<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<title>EdgeToEdgeStoreList</title>

	<script type="text/javascript" src="../../deviceTheme.js" data-dojo-config="mblThemeFiles: ['base']"></script>
	<script type="text/javascript" src="../../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true"></script>
	<script language="JavaScript" type="text/javascript">
		require([
			"dojo/ready", // dojo.ready
			"dijit/registry",  // dijit.byId
			"dojox/mobile/EdgeToEdgeStoreList",
			"dojox/mobile",				// This is a mobile app.
			"dojox/mobile/View",		// This mobile app uses mobile view
			"dojox/mobile/compat",		// This mobile app supports running on desktop browsers
			"dojox/mobile/parser"		// This mobile app uses declarative programming with fast mobile parser
		], function(ready, registry, EdgeToEdgeStoreList){
			ready(function(){
				var view = registry.byId("foo");
				var demoWidget = new dojox.mobile.EdgeToEdgeStoreList({id:"list", store:store, query:{}});
				demoWidget.placeAt(view.containerNode);
				demoWidget.startup();
			});
		});
</script>
	<script type="text/javascript">
		var IsEdgeToEdgeList = true;
	</script>
	<script type="text/javascript" src="StoreList.js"></script>
</head>
<body style="visibility:hidden;">
	<div id="foo" data-dojo-type="dojox.mobile.View">
		<p>show the different set:<br>
		<input type="button" value="Set1" onclick="switchTo(store1)">
		<input type="button" value="Set2" onclick="switchTo(store2)">
		<p>alter the object store:<br>
		<input type="button" value="Add" onclick="add1()">
		<input type="button" value="Delete" onclick="delete1()">
		<h1 data-dojo-type="dojox.mobile.Heading">EdgeToEdgeStoreList</h1>
	</div>
</body>
</html>
